//显示余额  子组件点击按钮, 父组件显示余额
Vue.component('balance',{
    template:`
    <div>
       <show @show-balance="show_balance"></show>
       <div v-if="show">
       您的余额: ¥100
       </div>
    </div>    
    `,
    data:function(){
        return {
            show:false,
        }
    },
    methods:{
        show_balance:function(data){
            this.show = true;
            console.log('data:',data);
        }
    },
});
Vue.component('show',{
    template:'<button @click="on_click()">显示余额</button>',
    methods:{
        on_click(){
            this.$emit("show-balance",{a:1,b:2});
        }
    }
});

new Vue({
    el:"#app",
});
